import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import App from './App.vue'
import MapView from './pages/MapView.vue'
import Messages from './pages/Messages.vue'
import Profile from './pages/Profile.vue'
import Discovery from './pages/Discovery.vue'
import AddSkill from './pages/AddSkill.vue'
import AddDevice from './pages/AddDevice.vue'
import './index.css'

const routes = [
  { path: '/', component: MapView },
  { path: '/map', component: MapView },
  { path: '/messages', component: Messages },
  { path: '/profile', component: Profile },
  { path: '/discovery', component: Discovery },
  { path: '/add-skill', component: AddSkill },
  { path: '/add-device', component: AddDevice }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

const app = createApp(App)
app.use(router)
app.mount('#root')